.my-home-page{
  width:100%;
  // height:100%; 
  position:relative;
  overflow:auto;
  background:#fff;
  .swiper{
    position:fixed; 
    height:988rpx;
    width:100%;
    .indicator-box{
      width:100%;
      position:fixed; 
      z-index:10;
      .indicator-group{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:16rpx 16rpx 0; 
        span{
          flex:1;
          display:inline-block;
          height:6rpx;  
          margin-right:20rpx;
          border-radius:3rpx;
          background:rgba(0,0,0,.2);
          &:last-child{
            margin-right:0;
          }
        }
        .active{
          background:#fff;
        }
      } 
    } 
    .swiper-img-box{ 
      width:100%;
      position:relative;
      .img{
        width:100%;
        height:100%;
      }
      .block-left,.block-right{
        position:absolute;
        top:0;
        width:50%;
        height:100%;
        background:transparent;
        transform: translate3d(0, 0, 0);
        transition:all .2s;
      }
      .block-left{ 
        left:0; 
      } 
      .block-right{ 
        right:0; 
      } 
    }
  }
  .off-left{
    transform: translate3d(10px, 0, 0);
    transition:all .2s;
  } 
  .off-right{
    transform: translate3d(-10px, 0, 0);
    transition:all .2s;
  }
  .content-box{ 
    padding-top:988rpx;
    width:100%;
    height:100%; 
    z-index:20;
    .page-content{
      width:100%;
      height:auto;
      position:relative;
      .page-back{
        width:128rpx;
        height:128rpx;
        position:absolute;
        top:-62rpx;
        right:42rpx;
        z-index:10;
        .img{
          height:100%;
          width:100%;
        }
      }
      .basics-data{
        padding:36rpx 44rpx 58rpx;
        box-sizing:border-box;
        border-bottom:1rpx solid #e1e6eb;
        background:#fff; 
        .name{
          font-size:64rpx;
          font-weight:500;
          color:#4E5761; 
          font-family:PingFangSC-Medium;
          span{
            font-weight:300;
          }
        }
        .info-list{
          width:100%; 
          margin-top:6rpx;
          .classroom-img{
            width:28rpx;
            height:26rpx;
            margin-left:2rpx;
            margin-right:16rpx;
          }
          .school-img{
            width:32rpx;
            height:26rpx;
            margin-right:14rpx;
          }
          .location-img{
            width:26rpx;
            height:32rpx;
            margin-left:4rpx;
            margin-right:9rpx;
          } 
          span{
            font-size:28rpx;
            color:#4E5761; 
          }
        }  
      }
      .introduce{
        padding:52rpx 44rpx;
        color:#4E5761;
        font-size:28rpx;
        background:#fff; 
        border-bottom:1rpx solid #e1e6eb;
      }
      .audio-book{ 
        padding-bottom:100rpx;
        background:#fff;
        .title{
          color:#1E1127;
          padding:30rpx 38rpx;
          font-size:36rpx;
          font-family:PingFangSC-Regular;
          font-weight:400;
        }
        .main-box{
          padding-left:20rpx; 
          overflow: hidden;
          background: #fff;
          white-space: nowrap;
          .prd-group{
            display:inline-block;
            margin-right:24rpx;
            .add{
              width:164rpx;
              height:164rpx;
              display:flex;
              align-items:center;
              justify-content:center; 
              background:#E1E6EB; 
              border-radius:6rpx;
            }  
            .info{
              width:164rpx;
              color:#808892;
              font-size:22rpx;
              font-weight:400;
              margin-top:14rpx;
              overflow: hidden;/*超出部分隐藏*/
              white-space: nowrap;/*不换行*/
              text-overflow:ellipsis;/*超出部分文字以...显示*/
            }
          }

        }
        .btn-box{ 
          padding:32rpx;
          margin-top:60rpx;
          .btn{
            width:100%;
            height:112rpx;
            line-height:112rpx;
            border-radius:10rpx;
            color:#FF5470;
            font-size:36rpx;
            border:1rpx solid #E1E6EB;
            &:active{
              opacity:.7;
            }
          }
        }
      }
    }
  }
   
}